<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta name="description" content="刘清政">
  <meta name="keyword" content="hexo-theme">
  
    <link rel="shortcut icon" href="/css/images/logo.png">
  
  <title>
    
      Justin-刘清政的博客
    
  </title>
  <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="//cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">
  <link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/tomorrow.min.css" rel="stylesheet">
  
<link rel="stylesheet" href="/css/style.css">

  
    
<link rel="stylesheet" href="/css/plugins/gitment.css">

  
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/geopattern/1.2.3/js/geopattern.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/nprogress/0.2.0/nprogress.min.js"></script>
  
    
<script src="/js/qrious.js"></script>

  
  
    
<script src="/js/gitment.js"></script>

  
  

  
<meta name="generator" content="Hexo 4.2.0"></head>
<div class="wechat-share">
  <img src="/css/images/logo.png" />
</div>

  <body>
    <header class="header fixed-header">
  <div class="header-container">
    <a class="home-link" href="/">
      <div class="logo"></div>
      <span>Justin-刘清政的博客</span>
    </a>
    <ul class="right-list">
      
        <li class="list-item">
          
            <a href="/" class="item-link active">主页</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/tags/" class="item-link">标签</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/archives/" class="item-link">归档</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/about/" class="item-link">关于我</a>
          
        </li>
      
    </ul>
    <div class="menu">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </div>
    <div class="menu-mask">
      <ul class="menu-list">
        
          <li class="menu-item">
            
              <a href="/" class="menu-link mobile-active">主页</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/tags/" class="menu-link">标签</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/archives/" class="menu-link">归档</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/about/" class="menu-link">关于我</a>
            
          </li>
        
      </ul>
    </div>
  </div>
</header>

    <main class="app-body">
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/22-BootStrap%E7%BB%84%E4%BB%B6/">python/前端/22-BootStrap组件</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1 Glyphicons 字体图标图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套的 &lt;span&gt; 标签，并将图标类应用到这个 &lt;span&gt; 标签上。
图标类只能应用在不包含任何文本内容或子元素的元素上。
1234567891 ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/22-BootStrap%E7%BB%84%E4%BB%B6/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/1-HTML5%E5%9F%BA%E7%A1%80/">python/前端/1-HTML5基础</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1、HTML1-1 什么是HTML
HTML是用来制作网页的标记语言
HTML是Hypertext Markup Language的英文缩写,即超文本标记语言
HTML语言是一种标记语言,不需要编译,直接由浏览器执行
HTML文件是一个文本文件,包含了一些HTML元素,标签等
HTML文件必 ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/1-HTML5%E5%9F%BA%E7%A1%80/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/12-JS%E7%9A%84BOM%E6%93%8D%E4%BD%9C/">python/前端/12-JS的BOM操作</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1、介绍到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。
也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。
JavaScript分为 ECMAScript，DOM，BOM。
BOM（B ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/12-JS%E7%9A%84BOM%E6%93%8D%E4%BD%9C/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/4-CSS3%E9%80%89%E6%8B%A9%E5%99%A8/">python/前端/4-CSS3选择器</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          css选择器css选择器本质就是css与html两种语法建立关联的特定标识符：
就是在css语法中，通过html中标签的某种名字，与html具体的标签建立关联，从而使写在对应css选择器后的css样式能控制html中关联的标签或标签们
而表示标签名字的方式有多种，每一种名字在css语法中都对 ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/4-CSS3%E9%80%89%E6%8B%A9%E5%99%A8/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/16-JQuery%E6%96%87%E6%9C%AC%E5%B1%9E%E6%80%A7%E6%A0%B7%E5%BC%8F%E6%93%8D%E4%BD%9C/">python/前端/16-JQuery文本属性样式操作</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          1 元素属性操作1.1 属性1234attr(name|pro|key,val|fn)	设置或返回被选元素的属性值removeAttr(name)			从每一个匹配的元素中删除一个属性prop(n|p|k,v|f)				获取在匹配的元素集中的第一个元素的属性值removeProp(name ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/16-JQuery%E6%96%87%E6%9C%AC%E5%B1%9E%E6%80%A7%E6%A0%B7%E5%BC%8F%E6%93%8D%E4%BD%9C/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/%E5%89%8D%E7%AB%AF/15-JQuery%E9%80%89%E6%8B%A9%E5%99%A8/">python/前端/15-JQuery选择器</a>
      </h2>
      <p class="article-date">2020年11月3日</p>
      
      <div class="article-summary">
        
          选择器通过选择器，可以获取到页面元素。jQuery具有强大的选择器，跟CSS3选择器类似
1 基本选择器12345#id			根据给定的ID匹配一个元素element		根据给定的元素标签名匹配所有元素.class		根据给定的css类名匹配元素。*			匹配所有元素selector1,se ...
        
      </div>
      <a class="more" href="/python/%E5%89%8D%E7%AB%AF/15-JQuery%E9%80%89%E6%8B%A9%E5%99%A8/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/MySQL%E5%85%A5%E9%97%A8/13-MySQL%E5%A4%9A%E8%A1%A8%E6%9F%A5%E8%AF%A2%E7%BB%BC%E5%90%88%E7%BB%83%E4%B9%A0%E7%AD%94%E6%A1%88/">python/MySQL入门/13-MySQL多表查询综合练习答案</a>
      </h2>
      <p class="article-date">2020年10月22日</p>
      
      <div class="article-summary">
        
          一、综合练习1.1 init.sql文件内容1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666 ...
        
      </div>
      <a class="more" href="/python/MySQL%E5%85%A5%E9%97%A8/13-MySQL%E5%A4%9A%E8%A1%A8%E6%9F%A5%E8%AF%A2%E7%BB%BC%E5%90%88%E7%BB%83%E4%B9%A0%E7%AD%94%E6%A1%88/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/MySQL%E5%85%A5%E9%97%A8/4-Linux%E5%AE%89%E8%A3%85MySQL/">python/MySQL入门/4-Linux安装MySQL</a>
      </h2>
      <p class="article-date">2020年10月22日</p>
      
      <div class="article-summary">
        
          一  环境准备1234567891011121314151617181920212223# 1 环境准备一台centos 7.6虚拟机，能上网，# 2 清理一下环境 rpm -qa |grep mariadb  yum remove mariadb-libs# 3 创建用户和组useradd ...
        
      </div>
      <a class="more" href="/python/MySQL%E5%85%A5%E9%97%A8/4-Linux%E5%AE%89%E8%A3%85MySQL/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/MySQL%E5%85%A5%E9%97%A8/2-%E5%88%9D%E8%AF%86MySQL/">python/MySQL入门/2-初识MySQL</a>
      </h2>
      <p class="article-date">2020年10月22日</p>
      
      <div class="article-summary">
        
          一、MySQL简介1.1 数据库管理软件分类管理数据的工具有很多种，不止MySQL一个。关于分类其实可以从各个纬度来进行划分，但是我们最常使用的分类还是根据他们存取数据的特点来划分的，主要分为关系型和非关系型。
可以简单的理解为，关系型数据库需要有表结构，非关系型数据库是key-value存 ...
        
      </div>
      <a class="more" href="/python/MySQL%E5%85%A5%E9%97%A8/2-%E5%88%9D%E8%AF%86MySQL/">详情...</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/python/MySQL%E5%85%A5%E9%97%A8/3-Windows%E5%AE%89%E8%A3%85MySQL/">python/MySQL入门/3-Windows安装MySQL</a>
      </h2>
      <p class="article-date">2020年10月22日</p>
      
      <div class="article-summary">
        
          一、下载第一步：打开网址，https://www.mysql.com ，点击downloads之后跳转到https://www.mysql.com/downloads

第二步 ：跳转至网址https://dev.mysql.com/downloads/ ，拉到最下方，下载社区版

第三步  ...
        
      </div>
      <a class="more" href="/python/MySQL%E5%85%A5%E9%97%A8/3-Windows%E5%AE%89%E8%A3%85MySQL/">详情...</a>
    </article>
  

  
    <div class="guide-pager">
  
    <a href="/page/10/"><span class="page-arrow">← </span>Prev</a>
  
  
    <a href="/page/12/">Next<span class="page-arrow"> →</span></a>
  
</div>
  
</main>


    <div class="scroll-top">
  <span class="arrow-icon"></span>
</div>
    <footer class="app-footer">
<!-- 不蒜子统计 -->
<span id="busuanzi_container_site_pv">
     本站总访问量<span id="busuanzi_value_site_pv"></span>次
</span>
<span class="post-meta-divider">|</span>
<span id="busuanzi_container_site_uv" style='display:none'>
     本站访客数<span id="busuanzi_value_site_uv"></span>人
</span>
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>



  <p class="copyright">
    &copy; 2021 | Proudly powered by <a href="https://www.cnblogs.com/xiaoyuanqujing" target="_blank">小猿取经</a>
    <br>
    Theme by <a href="https://www.cnblogs.com/xiaoyuanqujing" target="_blank" rel="noopener">小猿取经</a>
  </p>
</footer>

<script>
  function async(u, c) {
    var d = document, t = 'script',
      o = d.createElement(t),
      s = d.getElementsByTagName(t)[0];
    o.src = u;
    if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
    s.parentNode.insertBefore(o, s);
  }
</script>
<script>
  async("//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.min.js", function(){
    FastClick.attach(document.body);
  })
</script>

<script>
  var hasLine = 'true';
  async("//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js", function(){
    $('figure pre').each(function(i, block) {
      var figure = $(this).parents('figure');
      if (hasLine === 'false') {
        figure.find('.gutter').hide();
      }
      var lang = figure.attr('class').split(' ')[1] || 'code';
      var codeHtml = $(this).html();
      var codeTag = document.createElement('code');
      codeTag.className = lang;
      codeTag.innerHTML = codeHtml;
      $(this).attr('class', '').empty().html(codeTag);
      figure.attr('data-lang', lang.toUpperCase());
      hljs.highlightBlock(block);
    });
  })
</script>





<!-- Baidu Tongji -->

<script>
    var _baId = 'c5fd96eee1193585be191f318c3fa725';
    // Originial
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "//hm.baidu.com/hm.js?" + _baId;
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
</script>


<script src="/js/script.js"></script>


<script src="/js/search.js"></script>


<script src="/js/load.js"></script>



  <span class="local-search local-search-google local-search-plugin" style="right: 50px;top: 70px;;position:absolute;z-index:2;">
      <input type="search" placeholder="站内搜索" id="local-search-input" class="local-search-input-cls" style="">
      <div id="local-search-result" class="local-search-result-cls"></div>
  </span>


  </body>
</html>